<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--[if lt IE 9]><!-->
		<script src="http://code.jquery.com/jquery-1.11.3.min.js "></script>
		<!--<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="https://code.jquery.com/jquery-3.2.1.min.js "></script>
		<!--<![endif]-->
		<script>
			$(document).ready(function() {
				/*$("#p1").mouseenter(function() {
					alert('您的鼠标移到了 id="p1" 的元素上!');
				});*/
				/*$("#p1").mouseleave(function() {
					alert("再见，您的鼠标离开了该段落。");
				});
				$("#p1").mousedown(function() {
					alert("鼠标在该段落上按下！");
				});
				$("#p1").mouseup(function() {
					alert("鼠标在段落上松开。");
				});*/
				/*$("#p1").hover(
					function() {
						alert("你进入了 p1!");
					},
					function() {
						alert("拜拜! 现在你离开了 p1!");
					}
				);*/
				$("input").focus(function() {
					$(this).css("background-color", "#cccccc");
				});
				$("input").blur(function() {
					$(this).css("background-color", "#ff0000");
				});
			});
		</script>
	</head>

	<body>
		<!--<p id="p1">鼠标指针进入此处，会看到弹窗。</p>-->
		Name: <input type="text" name="fullname"><br> Email: <input type="text" name="email">

	</body>

</html>